<template>
	<div class="personal">
		<img :src='staticURL+headimg' v-if='headimg' class='bg_logo'/>
		<img src="@/assets/img/user-logo.png" class='bg_logo' v-else/>
		<div>
			<p>{{realname}}</p>
			<span>加入日期：{{createTime}}</span>
		</div>
	</div>
</template>

<script>
	import utils from '@/assets/js/utils';
	export default {
		data() {
			return {
				realname:"",
				headimg:"",
				createTime:""
			};
		},

		created() {
			this.realname = utils.getSession('realname');
			this.headimg = utils.getSession('headimg');
			this.createTime = utils.getSession('createTime');
		}
	};
</script>

<style lang="scss" scoped>
	.personal{
		@include flex-row;
		img{
			display: block;
			width: 60px;
			height: 60px;
			border-radius: 50%;
			margin-right: 15px;
		}
		p{
			margin-bottom: 10px;
			font-size: 18px;
			color: #333333;
		}
		span{
			font-size: 14px;
			color: #999999;
		}
	}
</style>
